<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:jsf="http://xmlns.jcp.org/jsf"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <head jsf:id="header"> 
        <title>Cronograma CJava</title>
        <link rel="Shortcut Icon" 
              href="#{request.contextPath}/resources/img/world.png" type="image/x-icon" />
        <link rel="stylesheet" type="text/css" 
              href="#{request.contextPath}/resources/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" 
              href="#{request.contextPath}/resources/style-index.min.css" />
        <h:outputScript library="js" name="locale.min.js" />

        <style>
            #changeImage{
                background-image: url("#{scheduleClientBean.image}");
                background-repeat: no-repeat;
                -webkit-background-size: cover; /* For WebKit*/
                -moz-background-size: cover;    /* Mozilla*/
                -o-background-size: cover;      /* Opera*/
                background-size: cover;         /* Generic*/
                background-attachment:fixed;
            }
            
        </style>
    </head>
    <body jsf:id="bodyx">
        <!--<div class="navbar navbar-default navbar-fixed-top" role="navigation">-->
        <div class="navbar navbar-default" role="navigation" style="margin: 0%; padding: 0%;">
            <div class="container">
                <div class="navbar-header">
                    <button class="navbar-toggle collapsed" data-target=".navbar-collapse" data-toggle="collapse" type="button" >
                        <span class="sr-only">Menú</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="http://www.cjavaperu.com" style="margin: 0%; padding: 0%;">
                        <img src="resources/img/logo_cjava.png" width="180px;" height="50px;"/>
                    </a>
                </div>
                <div class="navbar-collapse collapse">

                    <ul class="nav navbar-nav navbar-right" style="background: #F8F8F8">
                        <li>
                            <p:commandLink oncomplete="modalLogs.show()">Login</p:commandLink>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="changeImage">
            <div class="row" style="margin-left: 3px; margin-right: 3px;">

                <div class="col-md-9" align="center" style="margin-top: 10px;">
                    <div class="row" >
                        <div class="col-md-4" >
                            <p style="color:#1472B3">
                                <img src="resources/img/blue.png" width="20px;" height="20px;"/>
                                <strong>Inicio de Clases</strong>
                            </p>
                        </div>
                        <div class="col-md-4" >
                            <p style="color:#58bf5f"> 
                                <img src="resources/img/green.png" width="20px;" height="20px;"/>
                                <strong>Eventos Gratuitos</strong>
                            </p>
                        </div>
                        <div class="col-md-4" >
                            <p style="color:#bf8458"> 
                                <img src="resources/img/brown.png" width="20px;" height="20px;"/>
                                <strong>Sorteos</strong>
                            </p>
                        </div>

                    </div>
                    <form jsf:id="userform">
                        <p:messages id="msg" showDetail="true" closable="true" />
                        <p:schedule id="schedule" resizable="false" 
                                    locale="es" rightHeaderTemplate="none"
                                    value="#{scheduleClientBean.lazyEventModel}">  
                            <p:ajax event="eventSelect" listener="#{scheduleClientBean.onEventSelect}" 
                                    oncomplete="detail.show()" update=":columnssss" />
                        </p:schedule>  
                    </form>
                </div>
                <div class="col-md-3" style="margin: 0%; padding: 0%; padding-top: 0%; height: 100%;">   

                    <div align="center">

                        <a href="http://www.cjavaperu.com/informe/client.php?locale=es" target="_blank" 
                           onclick="#{scheduleClientBean.linkShare}">
                            <img src="http://www.cjavaperu.com/informe/b.php?i=mibew&amp;lang=es" 
                                 border="0" width="200" height="83" alt=""/>
                        </a>

                    </div> 
                    <p />

                    <div class="text-simple" >

                        <div id="contenedorr3" style="opacity: 0.8;background: white;">
                            <div id="fb-root" class=" fb_reset">
                                <div style="position: absolute; top: -10000px; height: 0px; width: 0px;">
                                    <div>
                                        <iframe name="fb_xdm_frame_http" frameborder="0" 
                                                allowtransparency="true" scrolling="no" 
                                                id="fb_xdm_frame_http" aria-hidden="true" 
                                                title="Facebook Cross Domain Communication Frame" 
                                                tab-index="-1" 
                                                src="http://static.ak.facebook.com/connect/xd_arbiter.php?version=40#channel=ffb31701&amp;origin=http%3A%2F%2Fwww.cjavaperu.com" 
                                                style="border: none;">
                                        </iframe>
                                        <iframe name="fb_xdm_frame_https" frameborder="0" 
                                                allowtransparency="true" scrolling="yes" 
                                                id="fb_xdm_frame_https" aria-hidden="true" 
                                                title="Facebook Cross Domain Communication Frame" 
                                                tab-index="-1" 
                                                src="https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=40#channel=ffb31701&amp;origin=http%3A%2F%2Fwww.cjavaperu.com" 
                                                style="border: none;">

                                        </iframe>
                                    </div>
                                </div>
                                <div style="position: absolute; top: -10000px; height: 0px; width: 0px;">
                                    <div>
                                    </div>
                                </div>

                            </div>

                            <script>
                                (function(d, s, id) {
                                    var js, fjs = d.getElementsByTagName(s)[0];
                                    if (d.getElementById(id))
                                        return;
                                    js = d.createElement(s);
                                    js.id = id;
                                    js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
                                    fjs.parentNode.insertBefore(js, fjs);
                                }(document, 'script', 'facebook-jssdk'));</script>


                            <iframe name="fb723b584" 
                                    width="100%" height="300px" 
                                    frameborder="0" allowtransparency="true" 
                                    scrolling="no" 
                                    title="fb:like_box Facebook Social Plugin" 
                                    src="http://www.facebook.com/plugins/like_box.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D40%23cb%3Df2fde745a8%26domain%3Dwww.cjavaperu.com%26origin%3Dhttp%253A%252F%252Fwww.cjavaperu.com%252Fffb31701%26relation%3Dparent.parent&amp;color_scheme=light&amp;force_wall=false&amp;header=false&amp;height=350&amp;href=http%3A%2F%2Fwww.facebook.com%2Fcjava.peru.1&amp;locale=es_ES&amp;sdk=joey&amp;show_faces=false&amp;stream=true&amp;width=270" 
                                    class="" 
                                    style="border: none; visibility: visible; width: 100%; height: 300px;">

                            </iframe>

                        </div> 



                        <div style="margin-top: 6px;" id="twiterEdit">
                            <a class="twitter-timeline" href="https://twitter.com/cjava_peru" data-widget-id="441571266420424704">Tweets por @cjava_peru</a>
                            <script>!function(d, s, id) {
                                    var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
                                    if (!d.getElementById(id)) {
                                        js = d.createElement(s);
                                        js.id = id;
                                        js.src = p + "://platform.twitter.com/widgets.js";
                                        fjs.parentNode.insertBefore(js, fjs);
                                    }
                                }(document, "script", "twitter-wjs");</script>
                        </div>


                    </div>

                </div>
            </div>
            <!--
            <p:separator style="margin-bottom: 5px; padding-bottom: 5px;"/>
            
            --><br/>
            <strong>
                <div align="center" style="opacity: 0.8;background: white;">
                    Av. Arenales 395 Of 403 - 405 Lima - Perú  [Más Información: info@cjavaperu.com]
                    <br/>
                    Télefono: 433-6948 / 332-7162 / (RPC)956-704-151
                    <div align="center">
                        <a href="http://www.facebook.com/cjavaperu1" target="_blank" style="color: rgb(7, 77, 143); font-family: arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><img src="https://ci4.googleusercontent.com/proxy/dwlGZxzd_xuiJU14wDu04qxme65H6WoTTivARL3qpNw4P0Go4jDn3yaVB1-kJFKqwml1kyBqGf0D7KS517BfY5HvJA=s0-d-e1-ft#http://www.cjavaperu.com/uploads/facebook.png"/></a><span style="color: rgb(80, 0, 80); font-family: arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none;">&nbsp;</span><a href="http://twitter.com/@cjava_peru" target="_blank" style="color: rgb(7, 77, 143); font-family: arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><img src="https://ci4.googleusercontent.com/proxy/yg_fNFD26m8PswRUDjoi4dPQ6449XN6mNghybiDZOA7elmtXGsNiih5vPpemWYL9QATS_pa6sPpl2es1bCkMpyEd=s0-d-e1-ft#http://www.cjavaperu.com/uploads/twitter.png"/></a><span style="color: rgb(80, 0, 80); font-family: arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none;">&nbsp;</span><a href="https://plus.google.com/u/0/109384959685338323417" target="_blank" style="color: rgb(17, 85, 204); font-family: arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><img src="https://ci5.googleusercontent.com/proxy/9GsvHDZ-XDcgZ0dEpg1OQ9fXGVAnC5ViRJSffU7yHcd3exAgoA6i9KfRQyzST7M8-6M4q8m68Ayo5DmLqA=s0-d-e1-ft#http://cjavaperu.com/logogoogleplus.png"/></a><span style="color: rgb(80, 0, 80); font-family: arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none;">&nbsp;</span><a href="http://pe.linkedin.com/pub/cjava-peru/43/524/726/" target="_blank" style="color: rgb(17, 85, 204); font-family: arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><img src="https://ci5.googleusercontent.com/proxy/0gNkW9GBU2GCn8U3bHcgQ3c54cVARnRYEmWWdM3b5y9cHsA3RliMwj1V8r_KRfg2He5rs2B4eFp2=s0-d-e1-ft#http://cjavaperu.com/logolinked.png"/></a><span style="color: rgb(80, 0, 80); font-family: arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none;">&nbsp;</span><a href="http://cjavaperu.com/blog/" target="_blank" style="color: rgb(17, 85, 204); font-family: arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><img src="https://ci5.googleusercontent.com/proxy/KaxgsYY44ngckVpqI6eegD-nvovU85zPzaWah1V3UPcC8K5xUD2lFbhda8MCQFiS_857HhvQlY35Jzbk=s0-d-e1-ft#http://cjavaperu.com/logowordpress.png"/></a>
                    </div>
                </div>

            </strong>
        </div>
        <!--
        <div style="position: fixed; right: 20px; bottom: 5px;">
            <a href="#">
            <img src="resources/img/chat.png" width="180px;" height="30px;"/>
            </a>
        </div>
        -->
        <h:panelGrid id="columnssss">
            <p:dialog appendTo="@(body)" header="#{scheduleClientBean.schedule.name}" showEffect="bounce"
                      widgetVar="detail" closeOnEscape="true" appendToBody="@(body)" modal="true">

                <h:outputText value="#{scheduleClientBean.schedule.descriptionHtml}" escape="false" />

            </p:dialog>
        </h:panelGrid>

        <p:dialog header="Ingresar al Sistema" appendTo="@(body)" 
                  modal="true" widgetVar="modalLogs">
            <div class="container">

                <form jsf:id="formu">

                    <div class="form-group">
                        <label for="firstname">Usuario</label>
                        <input id="firstname" type="text" class="form-control" required="true"
                               placeholder="Enter firstname" jsf:value="#{scheduleBean.userName}"/>
                    </div>
                    <div class="form-group">
                        <label for="email">Password</label>
                        <input id="email" type="password" class="form-control" required="true"
                               placeholder="Enter email" jsf:value="#{scheduleBean.password}"/>
                    </div>
                    <button type="Submit" 
                            class="btn btn-default btn-primary" 
                            jsf:action="#{scheduleBean.logIn()}">
                        Seguir
                    </button>
                </form>

            </div>
        </p:dialog>

        <script src="resources/bootstrap/js/bootstrap.min.js" />

    </body>

</html>
